html, body {
        position: relative;
        height: 100%;
    }
body{
	margin:0;
	padding:0;
	background: #fff;
	font-family: 'Microsoft Yahei', sans-serif;
	font-size:1em
 }

body a{
  text-decoration: none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color:#666;
}

.wbg{background: #f5f5f5;padding-bottom: 50px;}
.pd0{padding: 0px;margin: 0}

h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	margin:0;
}
ul{
margin:0;
padding:0;
}

.sertel{line-height: 80px; font-size: 16px;color: #2f97f8;font-weight: 600;text-align: right;}
.navbar-brand{height: auto;}
.navbar{margin-bottom: 1px}
.nav li{background: #2f97f8;color: #fff;padding: 0px;border-right: 1px solid #fff}

.navbar-default .navbar-nav>li>a{font-size: 16px;padding:10px 50px; color: #fff;}
.navbar-default .navbar-nav>li>a:hover{background: #fc0;color: #fff }
li{list-style: none}

.imgw100 img{max-width: 100%; padding: 2px;}

/*----*/
.center{margin:0 auto;}
.header{
background: #fff;
min-height:85px;
 z-index:100;
 width:100%;
padding-top: 10px;
padding-bottom: 8px;
box-shadow: 5px 5px 5px #eee;
 
}
.top{height: 35px;background: #0072c6; color: #eee;}
.topword{line-height: 35px;}
.topsearch{float: right;padding-top: 4px;text-align: right;}
 
.mt109{margin-top: 109px;}
.hdtop{min-height:49px;border-bottom: 1px solid #f2f2f2;background: #f8f8f8; }

.navbar-default{border: none;background: #fff;}

.hdtop ul li{float:left; }
.hdtlibg{background: url(../images/tel.gif) 1em no-repeat;text-indent:3em;background-size: auto}
.hdtlibg span{padding:1em 0;font-size: 1.25em; line-height: 1.3em;}
 

/*dropdown-menu*/

.navbar .nav > li:hover .dropdown-menu {  
        display: block;  
    } 
.navbar-nav > li.active1{background: #fc0}
.navbar-nav > li.active1 .navcn{color: #fff}
.dropdown-menu{
  position: absolute;
    top: 100%;
    left: 0;
   
    display: none1;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
 
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 1000;
}

.dropdown-menu>li a{line-height: 28px;height: 28px; color: #fff;}
.dropdown-menu>li a:hover{ color: #fff;background: #fc0}
/*dropdown-menu end*/

  
.indexse{padding: 30px 20px 50px 0; background: #F5F5F5; }
.news_title{line-height: 24px;font-size: 16px;color: #333;padding: 5px 0;  }
.new_time{line-height: 28px;padding: 5px 0px; text-align: right;border-left: 1px solid #eee; min-height: 60px;}
.news_detail{font-size: 12px; color: #666;padding: 0px 20px 8px 0px;}
 .indexnews a{display: block;}
 li.newsli{margin-top: 2px;line-height: 28px; height: 28px; overflow: hidden;}
 .news_i{width: 5px;height: 5px; margin-right: 10px ;border-radius: 0;background: #369;display: inline-block;}
.newsli a{width: 100%;display:block; font-size: 14px}
.newsli a:hover{color: #369;}

  /*首页轮换加焦点END*/

/*--- slider-cssend --*/
.bannerbg,.bgslider{background: #444f53;width: 100%; }
.bannerbg{height: 330px;line-height:330px; text-align: center; background: url(../images/bannerbg.jpg);}
.bbg0{background: url(../images/bbg1.jpg) no-repeat center;}
.bbg1{background: url(../images/bbg1.jpg) no-repeat center;}
.bbg2{background: url(../images/bbg2.jpg) no-repeat center;}
.bbg3{background: url(../images/bbg3.jpg) no-repeat center;}
.bbg4{background: url(../images/bbg4.jpg) no-repeat center;}
.bbg5{background: url(../images/bbg5.jpg) no-repeat center;}
.bbg6{background: url(../images/bbg6.jpg) no-repeat center;}
.bgslider{background: #0072C6;width: 100%; overflow: hidden; }
.news,.indexpro{padding: 12px 8px;background: #fff;}
.news{width: 99%;margin: 0 auto;}
.news span.title,.indexpro span.title{font-size: 1.8em;font-weight:600;color: #0072c6;line-height: 45px;}
.news span.imore,.indexpro span.imore{float: right; text-align: right;font-size: 1.3em;color: #0072c6;line-height: 45px;}
.imore a{color: #0072c6}
 .tline{border-bottom: 1px solid #eee}
.indexpro{width: 97%;float: right;}

 #slide2{max-width: 320px;}
    #slide2 img{width: 100%;max-width: 320px;}
    #slide2 .swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:#000;opacity:1;background:rgba(0,0,0,0.2);}
    #slide2 .swiper-pagination-bullet-active{color:#fff;background:#007aff;}
    #slide2  .swiper-pagination-bullet{border-radius: 0}
    .swiper-pagination1{max-width: 320px;text-align: right;padding-top: 10px;padding-bottom: 16px;margin: 0 auto;}

.h20{height: 20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.pd2{padding:2px;}
.pd5{padding:5px;}
.pd0{padding:0;}
.pd8{padding:8px;}
.pd20{padding:20px;}
.pt20{padding-top:20px;}
.pb30{padding-bottom:30px;}
.pdl20{padding-left:20px;}
.ml20{margin-left:20px;}
.mlt20{margin-left:10px;}
 .pd0{padding:0}
.mg5{margin:5px;}
.mtb50{margin: 50px 0;}
.mb20{margin-bottom:20px;}
.mb8{margin-bottom:8px;}
.mt8{margin-top:8px;}
.navigation ul li a{
color:#666;
font-size:1.1em;
font-weight:600;
padding:0 1em;
display:block;
margin:0 5px;
text-decoration:none;
}
.navigation ul li a:hover{color:#f1b63e;}
 
.line0{border-bottom: 1px #ddd dashed;}
.line1{border-bottom: 1px #f5f5f5 solid;}
.h150{height: 150px}

.search {padding: 20px;}
.search li{border-bottom: 1px solid #eee;padding: 12px;}
.search li div.title{font-size: 16px;}
.search li div.desc{font-size: 14px; color: #999}

.boxiad{ 
  margin:  10px 0 0 0;
  padding: 10px;
  background: #fff;
  
}
.oubox{
  border-radius: 4px;
  background: #fff;
}
.outitle{height: 35px; line-height: 35px;}
.bgiad0{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
background: #eee; /* Old browsers */
}
.boxiad .swiper-wrapper {text-align: center;}
.boxiad .swiper-wrapper img{ background: #fff;border-radius: 4px 4px 0 0;}
.boxiad .ititle{margin-left: 20px;font-weight: 600;font-size: 18px;}
/*page*/
.utitle{font-size: 28px;color: #fff;font-weight: normal;float: left; margin-left: 20%}
.content{font-size: 14px;padding: 20px 0;}
.content td{padding: 8px;}
.content img{  max-width: 100%; background: #fff;}
.utitle .ffen{color: #73e0b7}
/*page end*/
 /**contact*/
 .contactmap,.mt-50{margin-top: -50px}
 .contactmap iframe{border: 8px solid #fff;} 
 .contactww{padding: 20px;background: #A3B9C1;}
 .contactww p{line-height: 30px; margin-top: 5px;  padding: 5px;font-size: 16px;color: #ffffff}
  .contactww p img{height: 25px;background: none;padding: 0px;}
  .cll{padding: 5px 20px;margin-right:10px;background: #444F53;display: inline-block;color: #fff;}
 /**contactend*/

/***article***/
.articlebox a:hover{text-decoration: none;}
.articlebox .title{font-size: 28px; padding: 10px 0}
.articlebox .title .no{font-size: 36px;font-weight: 500;padding:15px;color:#73e0b7;font-style:italic}
.cc{font-size: 12px; padding: 30px 0; text-align: center;}
.cc a.ccmore{background: #0072C6;color: #fff;padding: 4px 40px; margin: 0 auto}
.ssform{display: inline-block;width: 80%; max-width: 200px; position: relative;}
.ssbox{background: #fff;padding:20px 40px; }
.ssboxww{width: 163px;height: 31px;background: url(../images/lelele.png) no-repeat; line-height: 31px; text-indent: 20px}
.ssboxbb{padding-top: 20px;}
.searchinput{width: 100%;
    height: 24px;
    line-height: 24px;
    border: 1px #ccc solid;
    color: #ababab;
    padding-left: 10px;
     border-radius: 10px; 
  }
.searchbn{
      width: 25px; 
    border: none;
    background: url(../images/soso.png) no-repeat;
    position: absolute;
    right: 8px;
    top:1px;
}

.artboxli .dec{color: #777;padding-top: 8px;line-height: 22px;}
.artboxli .shorttime{color: #aaa;text-align: right;}
.acl{border-right: 1px solid #eee; padding: 10px 10px 20px 10px}
.acltitle{font-size: 16px; font-weight: 600;color: #1a78cf;padding-bottom: 10px;}
.aclmore{text-decoration: underline;text-align:  right;padding: 10px 20px;}
.aclmore a{width: 100%;display: block;}
/***articleeend***/

.newstree .ntitle{font-size: 18px; font-weight: 600; background:url(../images/ls.png) no-repeat 10px #315b92; color: #fff;padding: 10px; text-indent: 30px;}
.newstree li{  line-height: 25px; font-size:16px;background: #fff;text-align: center;border-bottom: 1px solid #f5f5f5}
.newstree li a{display: block;padding: 10px;}
.newstree li a:hover{color: #fff;text-decoration: none;}
.newstree li:hover{background: #0072C6;border-bottom: 1px solid #fff;}
.readmore a{color: #fff;background: #0072C6;padding: 3px 16px; float: right;}

.article_list li{list-style: none;}
.article_list li a{font-size: 12px;text-align: left; }
/***prodcut_category***/
.pcate{margin-top: 20px}
.pcate li{margin-top: 5px;font-weight: 700;}
.pcate li a{width:100%;border:1px #677073 solid;border-radius: 5px;float: left;padding: 8px 0;color: #fff;}
.pcate li a:hover,a.ccut,a.allcut{background: #73e0b7;text-decoration:none;color: #666}
.pcdiv h3{font-size: 30px;
    color: #3d3d3d;
    margin-bottom: 10px;
    font-weight: normal;}
.pcdiv img{padding: 10px;background: #fff;border: 1px solid #eee;}
.probox .pcdiv img{ width: 96%;max-height:535px; margin: 0 auto}
.wp90{width: 96%}
.emptyff img{padding: 0;border: none;background: none}
.ptitle{display: none;}
.pdesc{line-height: 20px; padding-top: 8px;color: #999 }
.ppdesc{line-height: 22px;font-size: 14px; padding-top: 0 20px; margin-top: 8px;}
/***prodcut_categoryend***/

/***guestbook***/
.guestbook{padding: 20px;}
.guestbook .title{font-size: 24px; background: url(../images/email.png) no-repeat; text-indent: 30px;padding-bottom: 10px}
.guestbook ul li{list-style: none;width: 100%;line-height: 30px;padding: 4px;}
.guestbook ul li input{background: #e5e5e5;border:#c0c0c0 solid 1px;width: 90%}
.guestbook ul li input.content{height:120px; }
.guestbook .reset,.guestbook .send{    width: 168px;
    height: 36px;
    border: none;
    background: #8c9092;
    color: #fff;
    font-family: arial,"微软雅黑";
    margin-right: 5px;}
.guestbook .send{    
    background: #444f53;
    color: #fff;
 }

/***guestbookend***/

.footer{
margin-top:20px; 
color:#666;
padding-bottom:2em; 
}
.footerfr{text-align: right;float: right;padding: 20px}
.fffooter{height: 75px;background: #333;color: #666;line-height: 75px; }
.stelp{ padding:15px;color:#61c407;font-weight:800}
.stel{font-size:2.2em;color:#61c407; border:2px solid #61c407;padding:5px 20px;}
 span.ftlink a:hover{color: #666;text-decoration:none; }
 span.ftlinksp{padding: 0 10px;}
  .flink .title{font-size: 14px;font-weight: 600; padding: 8px 0;}
 .flink li a{line-height: 22px;color: #aaaaaa;font-size: 12px;}
 .flink li a:hover{color: #0072c6; text-decoration: none;}

.h80{height: 80px;}

.homecontact ul li{line-height: 25px; height: 25px;font-size: 14px;}
.homecontact ul li a{color: #369}
.homeqrcode{ max-width: 120px; }

.indexbn{padding-top: 50px;}
.indexbn img,.homecase img{display: block;margin-right: auto;margin-left: auto;max-width: 100%}

.indexbtline{border-bottom: 1px #ccc dashed;}
.indexjj{ background: url(../images/index-jj.jpg) top center no-repeat;height:24px; width: 42px; position: absolute; left: 50%
}
 
.homepc{ padding-top: 15px; background: #73e0b7; padding-bottom: 10px;}
.homepc h3{font-size: 16px;color:#478c72; margin-left: 5%} 
.homepc h4{font-size: 12px;color:#fff;margin-left: 5%;line-height: 22px;} 
.box000{background:#000;padding:20px;}
.artbg{background:url(../images/articlebg.jpg) center top }
 
.f12{font-size:12px}
.f14{font-size:14px}
.fw{color:#FFF} 
.lifepictitle{padding:8px 5px; text-align:center; }
 .lifepic li{padding: 8px;}
  .lifepic li img{ max-width:100%;display: block; }

 /*QQ*/

 #wrap { position: fixed; width:60px;   right:0px; z-index:30000; top:150px; }
@media (max-width: 768px){
 .ltree{padding: 0}
 #wrap{display:none;}
   .fffooter{line-height: 25px;}
  .indexpro{width: 100%;margin-top: 20px;}
  .indexprobox{padding: 0}
  .ssform{max-width:100%;} 
  .navbar-brand img{max-height: 45px;}
  .col-xs-12{padding: 0}
  h3{font-size: 16px;}
 }
#flyout { font-size:12px; padding:0; margin:0; list-style:none; width:60px; height:60px; position:absolute;}
#flyout ul { padding:0; margin:0; list-style:none; }
#flyout li { display:block; width:60px; height:60px; background:#fff; }
#flyout li a { display:block; background:#fff;}
#flyout li a:hover { display:block; background:#193b6d;}
#flyout table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
#flyout li { float:left; margin-bottom:1px; }
#flyout li ul {visibility:hidden; position:absolute; top:0; right:60px; width:auto; height:auto; background:#fff; border:1px solid #ccc; padding-top:4px; padding-bottom:10px; z-index:10; vertical-align:top; text-align:center;}
#flyout li ul li { width:112px; height:auto; border:0; margin:3px 10px 0px 10px; background:transparent; text-align:left; line-height:20px; color:#333; }
#flyout li ul li a { text-indent:0; width:112px; height:auto; line-height:22px; color:#333;  text-decoration:none; text-align:center; }
#flyout li b { visibility:hidden; display:block; width:360px; height:36px; position:absolute; top:0; left:24px; }
* html #flyout li a:hover { position:relative; white-space:normal; }
* html #flyout li a:hover ul li a:hover { color:#000; background:#fff; }
#flyout li:hover { position:relative; }
#flyout li:hover ul li a:hover { background:#bcd; color:#000; }
#flyout li:hover b, #flyout li a:hover b { visibility:visible; }
#flyout li:hover ul, #flyout li a:hover ul { visibility:visible; }

.qqb{ width:112px; height:auto; padding:10px; background:#fff;}
.qqb p{ width:112px; height:20px; line-height:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#333; font-weight:bold;}
.qqw{ width:112px; height:auto; }
.qqw p{ width:112px; height:20px; line-height:20px; text-align:center; font-family:"微软雅黑"; font-size:12px; color:#333; }
.ewm{ width:128px; height:auto; padding:10px 8px 8px 8px; color:#333;}
.zzj{ width:220px; height:180px;}
.wxi{ width:230px; height:auto; padding:8px;}
.wxi img { float:left; display:inline;}
#flyout li ul p{ width:128px; height:20px; line-height:20px; text-align:center; padding-top:0px; display:block; float:left; display:inline;}
.dianhua{ width:150px; height:40px; padding:5px 12px 2px 12px; line-height:20px; text-align:left;}
.haomab{font-size:18px; color:#D81A00;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.text098{ font-family:"Arial Black", Gadget, sans-serif; font-size:16px; color:#900;}
 

.ipbg{background: url('../images/ipbg.jpg') repeat-x;max-height: 518px}
.img-80{width:90%}
#indexp a{text-decoration: none}

#indexp li:hover h4{color:#f90}
#indexp li{padding-bottom: 1em;text-align: center;}
 
.f13em{font-size: 1.3em}
.newsbox{padding-top: 5px; background: #fff;}

.cbox{width: 96%; margin: 0 auto;}
.cbox h4{color:#0072C6;font-weight: 600}
.cbox h3{color:#666;font-weight: 600}
 .box-r{border-left:2px solid #ccc;}
 .cbox img{max-width: 100%}

#iad p{font-size: 14px;display:block;}
#iad img{width: 100%; max-width: 100%;display: block; max-height: 200px;}
#iadpp img{ max-width: 100%;display: block; max-height: 400px; text-align: center;margin: 0 auto;}
.iadbg{background: #eee}
.pdl3{padding-left:3em;}
.pdr3{padding-right:3em;}
.pd2em{padding:2em;}
.abbox{background:#3893c8;}
a.abbn2,a.abbn1{color:#fff; font-size:2em; padding:0.5em 1.8em;text-decoration: none}
a.abbn2,a.abbn1:hover{background:#dd2631;border:2px solid #dd2631;color:#fff;text-decoration: none}
a.abbn1,a.abbn2:hover{background:#3893c8;border:2px solid #fff;color:#fff;text-decoration: none}
a.abbn1{float:right;}
a.abbn2{float:left;}
.qynk{padding:1em;background:#fff;  
    
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.qynk ul li{border-bottom:1px solid #ccc;padding:0.5em 1em;font-size:1.3em;}
.qynkbox{float:right;}
.qynkbox img{max-height:335px;}
.qynkbox button,.qynkbox img{float:right}
 
/*<480*/
 @media (max-width:480px){
  .articlebox .title{font-size: 24px;}
  .articlebox .title .no{font-size: 30px}
  .ssform{width:100%}
  .cc a.ccmore{padding: 4px 10px}
  .pcdiv h3{font-size: 22px;}

  
}